<!doctype html>
<!--[if lt IE 7 ]><html lang="en" class="no-js ie6"> <![endif]-->
<!--[if IE 7 ]><html lang="en" class="no-js ie7"> <![endif]-->
<!--[if IE 8 ]><html lang="en" class="no-js ie8"> <![endif]-->
<!--[if IE 9 ]><html lang="en" class="no-js ie9"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--><html lang="en" class="no-js"> <!--<![endif]-->
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>BDO System - Home</title>
<meta name="description" content="">
<meta name="keywords" content="">
<link href="http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:300,400,700|Alike" rel="stylesheet">

<!-- Mobile viewport optimized: h5bp.com/viewport -->
<meta name="viewport" content="width=device-width,initial-scale=1">

<!-- favicon.ico and apple-touch-icon.png -->
<link rel="shortcut icon" href="favicon.ico">
<link rel="apple-touch-icon" href="images/apple-touch-icon-57x57-iphone.png">
<link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon-72x72-ipad.png">
<link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114-iphone4.png">

<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="screen.css">
<!-- custom CSS -->
<link rel="stylesheet" href="custom.css">

<!-- main JS libs  -->
<script src="js/libs/modernizr-2.5.3.min.js"></script>
<script src="js/libs/respond.min.js"></script>					 
<script src="js/libs/jquery.min.js"></script>

<!-- scripts  -->
<script src="js/jquery.easing.1.3.min.js"></script>
<script src="js/general.js"></script>
<script src="js/hoverIntent.js"></script>
<!-- carousel -->
<script src="js/jquery.carouFredSel.min.js"></script>
<script src="js/jquery.touchwipe.js"></script>
<!-- sliders -->
<script src="js/slides.min.jquery.js"></script>
<link rel="icon" href="favicon.ico" type="image/x-icon" />  
</head>
<body>  
<div class="body_wrap">

<div class="header_container">

	<header>
    	<div class="container">	        
	        
	        <div class="header_right">            	
				<label>User Login</label>
                <input type="text" style="padding:2px" Placeholder="NIK" />
				<input type="password" style="padding:2px" Placeholder="Password" />
				<input type="submit" value="Login" />
	        </div>
			
			<div class="header_left">
			   	<div class="logo">
	            <a href="index.html"><img src="images/logo.png" alt=""></a>
	            <strong>BDO Internal System</strong>
	            </div>
	        </div>
            
	        <div class="clear"></div>	
        </div>                    		    
	</header>
</div>
<!--/ header_container -->

<div class="container topm_cont">
 
    <!-- topmenu -->    
    <nav id="topmenu">            
	            <ul class="dropdown">              
					<li class="menu-level-0 current-menu-ancestor active"><a href="index.html"><span>Home</span></a></li>	
					<li class="menu-level-0 current-menu-ancestor"><a href="news.html"><span>News</span></a></li>	
					<li class="menu-level-0 current-menu-ancestor"><a href="about.html"><span>About Us</span></a></li>
					<li class="menu-level-0 current-menu-ancestor"><a href="training.html"><span>Training</span></a></li>
                    <li class="menu-level-0 current-menu-ancestor"><a href="timesheet.html"><span>Timesheet</span></a></li>
					<li class="menu-level-0 current-menu-ancestor"><a href="career.html"><span>Career</span></a></li>
					<li class="menu-level-0 current-menu-ancestor"><a href="it-sys.html"><span>IT System</span></a></li>
					<li class="menu-level-0 current-menu-ancestor"><a href="hr-sys.html"><span>HR System</span></a></li>
					<li class="menu-level-0 current-menu-ancestor"><a href="library.html"><span>Library</span></a></li>
					<li class="menu-level-0 current-menu-ancestor"><a href="contact.html"><span>Contact Us</span></a></li>
	            </ul>   
		<div class="clear"></div>                             
	</nav>    
    <!--/ topmenu -->
    
    <div class="topbar">
    	<div class="top_share"><span class="social_title">SHARE</span> <a href="#" class="social_google">Google +1</a> <a href="#" class="social_fb">Facebook</a> <a href="#" class="social_twitter">Twitter</a> <a href="#" class="social_pinterest">Pinterest</a></div>
        
    	<span class="top_filter"><a href="#" class="link_mostcomm">Most commented</a> <a href="#" class="link_pick">Editor’s Picks</a> <a href="#" class="link_mostlike">Most liked</a> <a href="#" class="link_random">Random story</a></span>     
        <div class="clear"></div>
    </div>
</div>

    
<div class="container"> 
<!-- middle -->
<div id="middle" class="cols2">
	
    <div class="title">
    	<h5>What matters to you,matters to us</h5>       
    </div>  
    
    <div class="content" role="main">
       
    	<article class="post-detail post-page">            
			<div class="entry">
            
              <div class="frame_box">
	            <img src="images/temp/entry_big_3.jpg" width="620" height="346" alt="">
	          </div>
            <h3>Welcome</h3>
            <p>BDO is a world wide network of public accounting firms, called BDO Member Firms. With more than 1,000 offices in over 100 countries,
			   BDO is the fifth largest such network in the world.
			</p>   
  
            
            <p>
				Our objective is to deliver our national and international clients a consistently quality services. We know that close and 
				effective relationships matter to you and we are committed to a long term relationship as your trusted professional adviser.
			</p>
            
           
            <div class="row">
	            <div class="col col_1_2">
	            	<div class="inner">
                      <img src="images/temp/entry_5.jpg" width="300" height="199" alt="">
	                  <p>Casio is using low-power Bluetooth 4.0 in the GB-6900, which gives it incredible battery life compared with everyone else in the smart watch market. In fact, Casio quotes two years on a single CR2032 lithium coin. We only got 3-4 days of use out of <a href="#">Sony's SmartWatch</a> on a single charge, and Allerta's Pebble will need to be charged at least once a week. The GB-6900 lasts more than a hundred times longer. Unfortunately, Bluetooth 4.0 still isn’t that widespread in 2012, and Casio says this lack of compatible devices is keeping the GB–6900 Japan-only, at least for now. At this point, the company is only claiming compatibility with half a dozen Medias branded devices produced jointly by itself and NEC.</p>
		            <p>I asked Casio what was keeping it from expanding the lineup to reflect the recent announcement of <a href="#">Bluetooth 4.0 phones</a> in Japan, and it responded that while phones with Bluetooth 4.0 and the right profile should work in theory, it isn't adding any new devices to its compatibility list until they've been tested with the watch. Since both the iPhone 4S and new iPad have Bluetooth 4.0, I pressed to see if Casio. </p>
	            	</div>
	            </div>
	            
	            <div class="col col_1_2">
	            	<div class="inner">
                    <img src="images/temp/entry_6.jpg" width="300" height="199" alt="">
                    <br>
                    <img src="images/temp/entry_7.jpg" width="300" height="199" alt="">
                    <span class="quote_center">BATTERY LIFE THAT'S MEASURED IN YEARS INSTEAD OF DAYS</span>
                    
                    </div>
	            </div>
            
            </div>
            <div class="clear"></div>
            
		
        	
            
            <div class="clear"></div>            
            </div>
            
            	
        </article>
        
        
	</div>
    <!--/ content -->
    
    <!-- sidebar -->
    <div class="sidebar">

		<!-- recent entries -->
    	<div class="widget-container widget_recent_entries">
        	<img src="images/icons/icons_16_date.png" alt="" class="widget_icon">  
			<h3 class="widget-title">Latest News</h3>
                <ul>
                    <li>
                        <a href="post-details.html"><img src="images/temp/post_thumb_1.jpg" alt="" class="thumbnail"></a> 
                        <div class="recent_entry"><a href="post-details.html" class="link-name">What Today’s Video Games Say About The Moment We Live In</a></div>
                    </li>
                    <li>
                        <a href="post-details.html"><img src="images/temp/post_thumb_2.jpg" alt="" class="thumbnail"></a> 
                        <div class="recent_entry"><a href="post-details.html" class="link-name">Nike Twitter campaign banned in the UK after Wayne Rooney tweet breaks advertising rules</a></div>
                    </li>
                    <li>
                        <a href="post-details.html"><img src="images/temp/post_thumb_3.jpg" alt="" class="thumbnail"></a> 
                        <div class="recent_entry"><a href="post-details.html" class="link-name">Google threatens site that rips YouTube music videos into MP3s</a></div>
                    </li>
                    <li>
                        <a href="post-details.html"><img src="images/temp/post_thumb_4.jpg" alt="" class="thumbnail"></a> 
                        <div class="recent_entry"><a href="post-details.html" class="link-name">Google bots detect 9,500 new malicious websites every day</a></div>
                    </li>
				</ul>
        </div>
    	<!--/ recent entries -->
        
        <!-- widget_tag_cloud -->
        <div class="widget-container widget_tag_cloud">
        	<img src="images/icons/icons_16_tag.png" alt="" class="widget_icon">  
                    <h3 class="widget-title">Tags</h3>
                    <div class="tagcloud">
                        <a href='#' class='tag-link-4' title='2 topics' style='font-size: 10pt;'>Tecnology</a>
                        <a href='#' class='tag-link-7' title='3 topics' style='font-size: 15pt;'>Tablets</a>
                        <a href='#' class='tag-link-3' title='2 topics' style='font-size: 10pt;'>MIcrosoft</a>
                        <a href='#' class='tag-link-6' title='3 topics' style='font-size: 17pt;'>Rumor</a>
                        <a href='#' class='tag-link-5' title='2 topics' style='font-size: 10pt;'>Appolo</a>
                        <a href='#' class='tag-link-5' title='2 topics' style='font-size: 13pt;'>Games</a>
                        <a href='#' class='tag-link-5' title='2 topics' style='font-size: 15pt;'>HTC</a>
                        <a href='#' class='tag-link-5' title='2 topics' style='font-size: 12pt;'>Fashion</a>
                        <a href='#' class='tag-link-4' title='2 topics' style='font-size: 10pt;'>Gosip</a>
                        <a href='#' class='tag-link-4' title='2 topics' style='font-size: 17pt;'>Windows Mobile</a>
                        <a href='#' class='tag-link-4' title='2 topics' style='font-size: 13pt;'>Reviews</a>
                        <a href='#' class='tag-link-4' title='2 topics' style='font-size: 13pt;'>Downloads</a>
                        <a href='#' class='tag-link-4' title='2 topics' style='font-size: 15pt;'>Software</a>
                        <a href='#' class='tag-link-4' title='2 topics' style='font-size: 13pt;'>Mobile</a>
                        <a href='#' class='tag-link-4' title='2 topics' style='font-size: 17pt;'>Report</a>
                        <a href='#' class='tag-link-4' title='2 topics' style='font-size: 13pt;'>Nokia</a>
                    </div>
			</div>
			<!--/ widget_tag_cloud -->
        
    </div>
    <!--/ sidebar -->   
    
        	
</div>
<!--/ middle --> 
</div>
<!--/ container --> 

<footer>
<div class="container">

    <div class="footer_right">
    	<ul class="botmenu">
        	<li class="current-menu-item"><a href="about.html">Home</a></li>
            <li><a href="#">AUTHORS</a></li>
            <li><a href="contact.html">CONTACT</a></li>
            <li><a href="#">PRIVACY</a></li>
            <li><a href="#">TERMS</a></li>
        </ul>
    </div>
    
    <div class="footer_left">
   		<img src="images/logo_footer.png" width="230" height="50" alt="">
    </div>
	
    <div class="clear"></div>
    
</div>
</footer>

</div>
</body>
</html>